<template>
  <!--指令 v-show和v-if
    区别：v-if 在操作的时候如果为false 不会渲染并在dom标签中删除
    v-show 在操作的时候如果为false 不渲染但是隐藏在dom标签中
  -->
  <div v-if="!isShow">v-if的盒子模型</div>
  <div v-show="!isShow">v-show的盒子模型</div>
  <div v-if="age >=18">我成年了 网咖可以进入了</div>
  <div v-else-if="age>=16">已经到了法定年龄可以关进小黑屋</div>
  <div v-else>未成年 不能进入</div>
  <!-- <VforDemo></VforDemo> -->
  <VforUpload></VforUpload>
</template>
<script setup>
import { ref } from 'vue'
import VforDemo from './components/VforDemo.vue';
import VforUpload from './components/VforUpload.vue';


const isShow = ref(true)
const  age = ref(17)

</script>
<style scoped>

</style>